/***** bloc grid *****/
.bloc_grid	                        { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 80px; align-items: center; position: relative; margin: 100px 0;}
.bloc_grid.align_top                { align-items: start;}
.bloc_grid :last-child				{ margin-bottom: 0;}
.bloc_grid .photo					{ position: relative; line-height: 0;}
.bloc_grid .photo img				{ border-radius: 20px;}
.bloc_grid .photo:before            { position: absolute; top: 0; width: 150%; bottom: 0; right: calc(100% - -30px); background: #f7efe5; content: ""; border-radius: 20px;}
.bloc_grid img						{ width: 100%; height: auto; object-fit: cover; display: block; position: relative; z-index: 10;}
.bloc_grid p               			{ margin-bottom: 20px;}
.bloc_grid.reverse .texte			{ grid-area: 1 / 1;}
.bloc_grid.reverse .photo        	{ grid-area: 1 / 2;}
.bloc_grid.reverse .photo:before    { right: inherit; left: calc(100% - -30px);}

@media (max-width:1200px) { 
.bloc_grid	                        { grid-gap: 60px; margin: 80px 0;}
.bloc_grid .photo:before            { display: none;}
.bloc_grid .photo img				{ border-radius: 15px;}
.bloc_grid .photo:before            { border-radius: 15px;}
}
@media (max-width:1000px) { 
.bloc_grid	                        { grid-template-columns: 1fr; grid-gap: 50px;}
.bloc_grid.reverse .texte			{ grid-area: 2;}
.bloc_grid.reverse .photo        	{ grid-area: 1;}
.bloc_grid .photo      				{ max-width: 600px; margin: 0 auto;}
.bloc_grid .photo img				{ border-radius: 10px;}
.bloc_grid .photo:before            { border-radius: 10px;}
}
@media (max-width:600px) { 
.bloc_grid	                        { margin: 50px 0; grid-gap: 35px;}
.bloc_grid p               			{ margin-bottom: 15px;}

.bloc_grid .photo img				{ border-radius: 5px;}
.bloc_grid .photo:before            { border-radius: 5px;}
}